<html>

<head>
    <meta charset="UTF-8">
    <style>
        .contentDiv {
            position: absolute;
            background: blue;
            left: 0px;
            top: 100px;
            width: 100%;
            height: 44px;
        }
        
        .licss {
            flex: 1;
            float: left;
            list-style: none;
            background: green;
            height: 100%;
            text-align: center;
            width: 25%;
        }
        
        .urCss {
            position: relative;
            background: red;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
    <!--底部导航   -->
    <div class="contentDiv">
        <ul class="urCss">
            <li class="licss" onclick="rootAction()" id="homeId">
                首页</li>
            <li class="licss" onclick="rootAction()" id="wealthId">
                <a href="./frame.html"></a>财富</li>
            <li class="licss" onclick="rootAction()" id="finderId">
                <a href="./myCss.html"></a>发现</li>
            <li class="licss" onclick="rootAction()" id="mineId">
                <a href="./position.html"></a>我的</li>
        </ul>
    </div>

    <script>
        function rootAction() {
            var yuansu = document.getElementById(id);
            if (yuansu.id == "homeId") {
                location.href = "./index.html";
            } else if (yuansu.id == "wealthId") {
                location.href = "./drop.html";
            } else if (yuansu.id == "finderId") {
                location.href = "./myCss.html";
            } else if (yuansu.id == "mineId") {
                location.href = "./react.html";
            } else {
                alert("sdf");
            }

        }
    </script>

</body>


</html>